//@fa-font-path: '../webfonts';

// 主色调
// @c: #33517e;
@c: #0086ff;
@c-hover: tint(saturate(@c, 20%), 20%);
@c-disabled: tint(saturate(@c, 20%), 50%);

// 可点击色
@c-link: #628cbc;
@c-link-hover: tint(saturate(@c-link, 20%), 20%);
// @c-disabled: #9bb6ff;

// 错误色
@c-err: #da5656;
@c-err-hover: #ff5959;
@c-err-disabled: #ffa0a0;

@c-warn: #ff9f41;

@c-normal: #72c193;

@c-success: #3ebd71;

@c-low: #a3a3a3;

// 边框颜色
@c-border: #e6e6e6;
// @c-border-dark: #c2cad8;
@c-border-dark: #e6e6e6;
@c-border-strong: #c2cad8;

// element label color
@c-label: #606266;
@c-label-light: #aaa;

@c-shadow: #f4f6f8;

// 边距
@m: 20px;

//表格颜色
@t-title: #909399;
@t-background-color: #f5f7fa;
@t-border: #ebeef5;
@t-border-dark: #c2cad8;

@br: 2px;

@bg-color: rgba(255, 255, 255, 1);

// 全局可复用样式
.fv-br {
  border-radius: @br;
}

.fv-shadow {
  box-shadow: 0px 5px 10px rgba(0, 80, 120, 0.1);
}

.fv-border {
  border: 1px solid @c-border;
}

.fv-ts {
  transition: 0.2s;
}

.fv-box {
  .fv-br;
  .fv-border;
  .fv-ts;

  &:hover {
    .fv-shadow;
  }
}

.fv-inline-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fv-three-line-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.fv-noprint {
  @media print {
    display: none;
  }
}

.fv-lighter {
  font-weight: 300;
}

.fv-no-copy-warn {
  color: @c-err;
  user-select: none;
  font-size: 18px;
}

.op-btn {
  margin-left: -7px;
}

.table-input {
  width: 180px;
  margin-right: @m;
  margin-left: 5px;
}

.date-picker {
  width: 240px;
  margin-left: 5px;
}
